<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>监护仪</title>

    <link rel="stylesheet" href="../static/css/chart1.css">
    <!--引入bootstrap核心css-->
    <link rel="stylesheet"  th:href="@{/webjars/bootstrap/3.3.5/css/bootstrap.min.css}" href="../static/boot/css/bootstrap.min.css" />
    <!--引入jquery核心js文件-->
    <script th:src="@{/webjars/jquery/3.5.1/jquery.min.js}" src="../static/boot/js/jquery-3.5.1.min.js"></script>
    <!--引入bootstrap核心js文件-->
    <script th:src="@{/webjars/bootstrap/3.3.5/js/bootstrap.min.js}" src="../static/boot/js/bootstrap.min.js"></script>

    <script src="https://code.highcharts.com/highcharts.js"></script>


    <script src="../static/js/testAlldata002.js"></script>



</head>

<body id="home">
    <div class="container-fluid">
    <div class="row">
        <div class="col-sm-6 box1" >
            <div class="col-sm-7 box2">
                <div id="container" style="width:100%;height:50%"></div>
                <div id="container2" style="width:100%;height:50%"></div>
<!--                <div id="container"></div>-->
            </div>
            <div class="col-sm-5">
                <div class="row">
                    <div class="col-sm-2">
                        <h4 style="color:#33ff33">
                            HR
                        </h4>
                        <h5 style="color:#33ff33">
                            120
                            <br>
                            <br>
                            50
                        </h5>
                    </div>
                    <div class="col-sm-4">
                        <p style="margin-top: 20%">
                            <font size="15" color="#33ff33">81</font>
                        </p>
                    </div>
                    <div class="col-sm-3" style="color:#33ff33">
                        <h4 style="text-align: left">
                            %SpO2
                            <br>
                            PVC
                            <br>
                            STindx
                        </h4>

                    </div>
                    <div class="col-sm-3" style="color:#33ff33">
                        <h4 style="text-align: right">
                            99
                            <br>
                            0
                            <br>
                            7.5
                        </h4>

                    </div>
                </div>
                <div class="row">
                    <h3 style="color: darkred">NBP&nbsp;&nbsp;111/85(&nbsp;91)</h3>
                </div>
                <div class="row">
                    <div class="col-sm-4" style="color: darkred">
                        <h4>PAUSE</h4>
                    </div>
                    <div class="col-sm-2" style="color: darkred">
                        <h4>80</h4>
                    </div>
                    <div class="col-sm-4" style="color: darkred">
                        <h4>RESP</h4>
                    </div>
                    <div class="col-sm-2" style="color: darkred">
                        <h4>20</h4>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-sm-6 box1"></div>
    </div>
    <div class="row">
        <div class="col-sm-6 box1"></div>
        <div class="col-sm-6 box1"></div>
    </div>
    <div class="row">
        <div class="col-sm-6 box1"></div>
        <div class="col-sm-6 box1"></div>
    </div>
    <div class="row">
        <button id="btnConnect" class="btn btn-block" style="background-color: #90d7ec;color: #ffffff">连接</button>
        <!--<button id="btnSend" class="btn btn-block">发送</button>-->
        <button id="btnDisConnect" class="btn btn-danger btn-block">断开</button>
    </div>
</div>

</body>
</html>